
.upload_image_box {
    display: flex;
  
    .upload_tip {
      color: #999;
      font-size: 12px;
    }
  
    .image_list {
      display: flex;
      flex-wrap: wrap;
      margin-left: 10px;
  
      .image_cell {
        position: relative;
        width: 80px;
        height: 80px;
        border: 1px dashed #d8d8d8;
        border-radius: 4px;
        // padding: 2px;
        box-sizing: border-box;
        margin: 0 10px 10px 0;
  
        .icon_list {
          display: none;
          position: absolute;
          left: 0;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          text-align: center;
          z-index: 3;
  
          i {
            font-size: 18px;
            color: #fff;
            margin: 0 4px;
            cursor: pointer;
          }
        }
  
        .el_image {
          width: 100%;
          height: 100%;
          border-radius: 4px;
        }
  
        .blk {
          display: none;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          background: #000;
          opacity: 0.4;
          z-index: 2;
        }
      }
  
      .image_cell:hover {
        .icon_list {
          display: block;
        }
  
        .blk {
          display: block;
        }
      }
    }
  }
  
  .upload_small {
    ::v-deep(.el-upload) {
      width: 100px;
      height: 100px;
      line-height: 100px;
    }
  
    ::v-deep(.image_list) {
      .image_cell {
        width: 100px;
        height: 100px;
      }
    }
  }